body.dashboard {
    font-family: $base-font-family;
    font-weight: $base-font-weight;
    font-size: $base-font-size;
    letter-spacing: $base-letter-spacing;
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
    -webkit-font-smoothing: antialiased;
    line-height: $base-line-height;

    .wrapper {
        padding-left: 0;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .wrapper.toggled {
        padding-left: $sidebar-normal-width;;
    }

    .wrapper.toggled .sidebar {
        width: $sidebar-normal-width;;
    }

    .wrapper.toggled .page-content {
        position: absolute;
        margin-right: -$sidebar-normal-width;;
    }

    @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
        .wrapper {
            padding-left: 80px;
        }
    }

    @media(min-width: $screen-sm-max) {
        .wrapper {
            padding-left: $sidebar-normal-width;
        }

        .wrapper.toggled {
            padding-left: 0;
        }

        .wrapper.toggled .page-content {
            position: relative;
            margin-right: 0;
        }
    }
}
